body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
ol,ul{ list-style:none;}
img,fieldset{ border:0 none; display:block;}
body {
	font-family: Verdana, "宋体", Arial, Sans;
	background: rgba(20, 20, 20, 1);
	overflow: hidden;
}

#topBar {
	position: absolute;
	background-image: url('../images/nb.png');
	left: 0px;
	top: 0px;
	border: 0px;
	margin: 0px;
	width: 100%;
	height: 40px;
	z-index: 10;
}

.logo {
	position: absolute;
	margin-left: 40px;
	height:36px;
	width:170px;
	background: url('../images/logo.png');
}

.headtb{
	margin-right: 50px;
}

.headtb a{
	position:relative;
	float:right;
	top:0px;
	right:0px;
	list-style-type: none;
}

.allTfeetBtn{
	width:32px;
	height:32px;
	background: url(../images/all_tfeet.png) no-repeat;
}

.allTfeetBtn:hover{
	background: url(../images/all_tfeet.png) 0 -39px no-repeat;
}

.myTfeetBtn{
	width:32px;
	height:32px;
	background: url(../images/my_tfeet.png) no-repeat;
}

.myTfeetBtn:hover{
	background: url(../images/my_tfeet.png) 0 -39px no-repeat;
}

.collectBtn{
	width:32px;
	height:32px;
	background: url(../images/collect.png) no-repeat;
}

.collectBtn:hover{
	background:url(../images/collect.png) 0 -39px no-repeat;
}

.useravatar{
	position:relative;
	float:right;
	margin:5px 15px;
	width:30px;
	height:30px;
	
}

.username{
		position:relative;
	float:right;
	color: white;
	margin:10px 0px 0px 0px;
}

#map_canvas {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
figure {
	margin: 0px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}


#thumb_List {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

#thumbListMask {
	position: absolute;
	background: rgba(28, 28, 28, 0.7);
	left:0px;
	top:0px;
	width: 100%;
	height: 400px;
}

.thumb_detail {
	background: rgba(0, 0, 0, 0.7);
	margin-top: -20px;
	width: 100%;
	height:100%;
	color: white;
}
.thumb_figure .thumb_detail {
	position: relative;
	margin-top: -20px;
	-webkit-transition: margin-top;
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	-moz-transition: margin-top;
	-moz-transition-timing-function: ease-in;
	-moz-transition-duration: 250ms;
	-o-transition: margin-top;
	-o-transition-timing-function: ease-in;
	-o-transition-duration: 250ms;
	transition: margin-top;
	transition-timing-function: ease-in;
	transition-duration: 250ms;
}

.thumb_figure:hover .thumb_detail {
	margin-top: -170px;
}

.thumb_detail section {
	overflow:hidden;
	text-overflow: ellipsis;
}
.thumb_btn {
	position: absolute;
	width: 100px;
	height: 400px;
	background-color: black;
	top: 0px;
}

#thumb_nextbtn {
	right: 0px;
	opacity: 0;
}

#thumb_nextbtn:hover {
	right: 0px;
	-webkit-transition: opacity .1s linear .25s;
	opacity: .8;
}

#thumb_prevbtn {
	left: 0px;
	opacity: 0;
}

#thumb_prevbtn:hover {
	left: 0px;
	-webkit-transition: opacity .1s linear .25s;
	opacity: .7;
}
.gallery_btn {
	position: absolute;
	width: 100px;
	height: 100%;
	background-color: black;
	top: 0px;
}

#gallery_nextbtn {
	right: 0px;
	opacity: 0;
}

#gallery_nextbtn:hover {
	right: 0px;
	-webkit-transition: opacity .1s linear .25s;
	opacity: .8;
}

#gallery_prevbtn {
	left: 0px;
	opacity: 0;
}

#gallery_prevbtn:hover {
	left: 0px;
	-webkit-transition: opacity .1s linear .25s;
	opacity: .7;
}

#addBtn {
	background-image: url(../images/new_button.png);
	left: 10px;
	top: 410px;
	width: 179px;
	height: 35px;
	position: absolute;
	z-index: 200;
}
.frame {
	position: absolute; border : hidden 0px #000000;
	width: 305px;
	height: 320px;
	z-index: -1;
}

.infoBg{
	position: absolute;
	border: hidden 5px #000000;
	width: 305px;
	height: 360px;
	border:0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: rgba(28,28,28,0.7);  
}
.infoImgContainer {
	width: 275px;
	height: 145px;
	position: relative;
	left: 15px;
	top: 30px;
	background-color: #FFFFFF;
	border: hidden 1px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.infoImgContainer_ImgOver{
	border-style:dashed;
}
.infoLocContainer {
	width: 275px;
	height: 36px;
	position: relative;
	left: 15px;
	top: 40px;
	background-color: #FFFFFF;
	border: hidden 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.infoLocContainer>img {
	position: relative;
	top: 5px;
	left: 5px;
	float:left;
}

.infoLocInput {
	background: transparent;
	position: relative;
	top: 0px;
	left: 5px;
	width: 250px;
	height: 32px;
	-webkit-appearance: none;
	border: none;
	z-index: 100;
}
.infoDateContainer {
	width: 275px;
	height: 36px;
	position: relative;
	left: 15px;
	top: 50px;
	background-color: #FFFFFF;
	border: hidden 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.infoDateInput {
	background: transparent;
	position: relative;
	top: 0px;
	left: 5px;
	width: 250px;
	height: 32px;
	-webkit-appearance: none;
	border: none;
	z-index: 100;
}

.infoRemarkArea {
	width: 215px;
	height: 60px;
	position: relative;
	left: 15px;
	top: 60px;
	resize: none;
	background-color: #FFFFFF;
	border: hidden 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.infoConfirmBtn {
	position: relative;
	left: 245px;
	width: 55px;
	height: 37px;
	background: url(../images/infobox/confirm.png) no-repeat center;
}

.infoShadow{
	position: absolute;
	left:30px;
	top:245px;
	width:385px;
	height:73px;
	background: url(../images/infobox/shadow.png) no-repeat center;
}
.infofooter{
	position:relative;
	width:305px;
	height:10px;
	left:0px;
	top:39px;
	border:0px;
	background: url(../images/infobox/pointer.png) no-repeat center;
}